<template>
	<div class="homeview">
		<router-view></router-view>
		<!-- <van-tabbar v-model="active">
			<van-tabbar-item icon="home-o">
				<router-link to="/home">首页</router-link>
			</van-tabbar-item> -->

			<!-- @click="islog" -->
			<!-- <van-tabbar-item icon="add-o">
				<router-link to="">发布</router-link>
			</van-tabbar-item> -->
			
			<!-- @click="islog" -->
			<!-- <van-tabbar-item icon="friends-o">
				<router-link to="/my">我的</router-link>
			</van-tabbar-item> -->
		<!-- </van-tabbar> -->
		
		<van-tabbar route>
		  <van-tabbar-item replace to="/home" icon="home-o">首页</van-tabbar-item>
		  <van-tabbar-item replace to="/release" icon="add-o">发布</van-tabbar-item>
		  <van-tabbar-item replace to="/my" icon="friends-o">我的</van-tabbar-item>
		</van-tabbar>
	</div>
</template>

<style lang="less">
	*{box-sizing: border-box;}
	p{
		margin: 0;
	}
	span,a{
		display: block;
	}
	.homeview .router-link-exact-active,.homeview .van-tabbar-item--active{
		color: @color;
	}
	
	.alltop{
		background-color: @color;
		color: #fff;
		height: 40px;
		line-height: 40px;
		font-size: 16px;
	}
	.allbgc{
		background-color: #f5f7f9;
		height: 100vh;
	}
	.logreg-top{
		position: relative;
	}
	.logreg-top>span>a{
		width: 20px;
		position: absolute;
		font-size: 24px;
		color: #fff;
		padding-left: 10px;
	}
	.logreg-top p span a{
		font-size: 16px;
		color: #fff;
	}
	.logreg-top p span{
		text-align: center;
		margin: 0 auto;
		color: #fff;
		width: 90px;
		height: 40px;
		font-size: 16px;
		display: flex;
		justify-content: space-between;
	}
	.logreg-from input{
		width: 100%;
		border: none;
		height: 50px;
		line-height: 50px;
		border-bottom: 1px solid #efefef;
		padding-left: 30px;
	}
	.logreg-from{
		position: relative;
	}
	.logreg-from label button{
		position: absolute;
		right: 10px;
		border: none;
		font-size: 14px;
		border-radius: 15px;
		padding: 2px 8px;
		color: #666;
	}
	.useview{
		position: relative;
	}
	.useview-top span a{
		position: absolute;
		font-size: 25px;
		padding-left: 10px;
		color: #fff;
	}
	.useview-top p{
		text-align: center;
		margin: 0;
		font-size: 16px;
	}
	.useview a{
		color: #fff;
	}
</style>
	
<script>
	export default {
		name: 'HomeView',
		data() {
			return {
				active: 0,
			}
		},
		methods: {
			// islog(){
			// 	if(!localStorage.getItem("tokenId")){
			// 		Toast({
			// 			message:"请先登录",
			// 			position:"top",
			// 			duration:1500
			// 		})
			// 		this.$router.push('/log')
			// 	}
			// }
		}
	}
</script>
